<!DOCTYPE html>
<!-- saved from url=(0039)http://auto.sina.cn/newcar/?vt=4&pos=25 -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>房产在线_手机绍兴在线</title>
    <meta name="keywords" content="房产版,房产版新闻,房产资讯，房产信息,房产频道">
    <meta name="description" content="手机绍兴在线频道是绍兴领先的房产版资讯平台，这里有最全面的楼盘信息，为您提供最新的房产新闻、房产资讯。绍兴在线版触屏版 - Sxol.com">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Home/style.min.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Home/Ybj/style.min.css">
    <link rel="stylesheet" href="__PUBLIC__/lib/photoswipe/photoswipe.css">
    <link rel="stylesheet" href="__PUBLIC__/lib/photoswipe/default-skin/default-skin.css">

    <script src="__PUBLIC__/lib/photoswipe/photoswipe.min.js"></script>
    <script src="__PUBLIC__/lib/photoswipe/photoswipe-ui-default.min.js"></script>

    <script>
        var Home_Art_URL_IMAGE = '{$Think.config.APP_WEB_URL}';
        var DataToal = {$DataToal['0']['count']}
    </script>

</head>

<body>
<!-- header 初始 -->
<header id="mainpage">
    <div class="sinaHead" id="j_artcileMain" data-sudaclick="mainNav">
        <h2><a class="hIcon h_logo" href="{:U('Index/index')}" title="绍兴在线" rel="nofollow">绍兴在线</a></h2>
        <a href="http://news.sina.cn/guide.d.html?vt=4" class="hIcon h_nav" title="网站导航" rel="nofollow">网站导航</a>
        <ul class="h_nav_items">
            <li><a href="{:U('Home/index')}" title="房产">房产</a></li>
            <li><a href="{:U('Home/homeYbj')}" title="{$Tname|getInfoClass}">样板间</a></li>
        </ul>
    </div>
</header>
<!-- / header -->


<div>
    <div id="mask" class="float hide"></div>
    <div id="tab">
        <div class="lbTab">
            <ul class="flexbox" id="YbjTypeTab">
                <li>
                    <a><i><span> <if condition="$HXid eq 0 "> 户型
                        <else/>
                        {$DataHx[$HXid-1]['CateName']}
                    </if></span></i></a>
                </li>
                <li>
                    <a><i><span><if condition="$FGid eq 0 "> 风格
                        <else/>
                        {$DataFg[$FGid]['CateName']}
                    </if></span></i></a>
                </li>

            </ul>

            <div id="YbjTypeDet">
                <div class="cont">
                    <section id="HxChioce">
                        <dl>
                            <dd
                            <if condition="$HXid eq 0 "> class="active"</if>
                            >
                            <a href="{:U('Home/homeYbj',array('HXid'=>0,'FGid'=>$FGid))}">不限</a>
                            </dd>
                            <foreach name="DataHx" item="hx">
                                <dd
                                <if condition="$HXid eq $hx['ID'] "> class="active"</if>
                                >
                                <a href="{:U('Home/homeYbj',array('HXid'=>$hx['ID'],'FGid'=>$FGid))}">{$hx['CateName']}</a>
                                </dd>
                            </foreach>
                        </dl>
                    </section>
                </div>

                <div class="cont">
                    <section id="FgChioce">
                        <dl>
                            <dd
                            <if condition="$FGid eq 0 "> class="active"</if>
                            >
                            <a href="{:U('Home/homeYbj',array('HXid'=>$HXid,'FGid'=>0))}">不限</a>
                            </dd>
                            <foreach name="DataFg" item="fg">
                                <dd
                                <if condition="$FGid eq $fg['ID'] "> class="active"</if>
                                >
                                <a href="{:U('Home/homeYbj',array('HXid'=>$HXid,'FGid'=>$fg['ID']))}">{$fg['CateName']}</a>
                                </dd>
                            </foreach>
                        </dl>
                    </section>
                </div>
            </div>

        </div>

    </div>

    <div id="tempImg" class="hide"></div>

    <div id="j_items_list" data-hxid="{$HXid}" data-fgid="{$FGid}">
        <div class="carditems j_itemscard j_scndPush">
            <foreach name="DataYBJ" item="ybj">
                <a href="javascript:void(0);" data-cid="{$ybj['ID']}" data-images="{$ybj['Images']}" data-title="{$ybj['YbjName']}" class="aImg">
                    <dl class="carditems_list">
                        <dt class="carditems_list_dt ">
                            <img src="{$Think.config.APP_WEB_URL}/home/{$ybj['Miniature']}"
                                 onerror="nofind();">
                        </dt>
                        <dd class="carditems_list_dd">
                            <p class="carditems_list_op">
                                <span class="op_ico time_num fl">{$ybj['YbjName']}</span>
                            </p>
                        </dd>
                    </dl>
                </a>
            </foreach>
        </div>
    </div>

    <!-- Root element of PhotoSwipe. Must have class pswp. -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

        <!-- Background of PhotoSwipe.
             It's a separate element, as animating opacity is faster than rgba(). -->
        <div class="pswp__bg"></div>

        <!-- Slides wrapper with overflow:hidden. -->
        <div class="pswp__scroll-wrap">

            <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
            <!-- don't modify these 3 pswp__item elements, data is added later on. -->
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>

            <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
            <div class="pswp__ui pswp__ui--hidden">

                <div class="pswp__top-bar">

                    <!--  Controls are self-explanatory. Order can be changed. -->

                    <div class="pswp__counter"></div>

                    <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>



                    <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                    <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                    <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                    <!-- element will get class pswp__preloader--active when preloader is running -->
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                            <div class="pswp__preloader__cut">
                                <div class="pswp__preloader__donut"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div>
                </div>

                <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                </button>

                <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                </button>

                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>

            </div>

        </div>

    </div>

    <aside>
        <div class="more_btnbox hide" id="j_pullLoader" data-page="" data-sudaclick="pullLoader">
            <div class="more_btn_loading " id="j_loading">
                <span class="loadingbtn">加载更多</span><span class="more_btn">正在加载</span>
            </div>
        </div>
    </aside>

</div>
<div id="back_to_top" class="gotop_btn" data-sudaclick="backtop"></div>

<!-- 公共底部 -->
<!--foot-->
<include file="./APP/Tpl/Car/carfoot.html"/>
<!--/ foot -->

<script src="__PUBLIC__/js/zepto.min.js"></script>
<script src="__PUBLIC__/js/Home/Ybjchannel.js"></script>

<script>
    var scope = {
        load_api: '/index.php/?m=Home&a=searchYBJAjax',
        pageSize: 20,
        page: 0,
        show_num: 20,		// 请求接口返回数据条数
        load_num: 6,		// 加载次数
        iscolumn: true,
        nopic_state: false,	// 阅读模式
        needsummary: false//摘要
    };

    function nofind() {
        var img = event.srcElement;
        img.src = "http://statics.sxol.com/Images/index20120814/Logo.gif";
        img.onerror = null; //控制不要一直跳动
    }


    Zepto(function ($) {


        $(".aImg").live("click",function(){

            var imgArr =  $(this).data("images").split(",");
            var title = $(this).data("title");
            var items = new Array();

            $("#tempImg").empty();

            for(var i=0;i<imgArr.length;i++){

                var objImg2 = document.createElement('img');
                objImg2.src = Home_Art_URL_IMAGE + "\\home\\" + imgArr[i];
                objImg2.className = "hide";

                $("#tempImg").append(objImg2);

                if(i == imgArr.length-1){
                    objImg2.onload = function(){
                        $("#tempImg > img").each(function(index){
                            var img = $(this);
                            var item = new Object();
                            item.title = title;
                            item.src =  img[0].src;
                            item.w = img[0].naturalWidth;
                            item.h = img[0].naturalHeight;
                            items.push(item);
                        })

                        var pswpElement = document.querySelectorAll('.pswp')[0];

                        var options = {
                            // history & focus options are disabled on CodePen
                            index:0,
                            history: false,
                            focus: false,

                            showAnimationDuration: 0,
                            hideAnimationDuration: 0

                        };

                        var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
                        gallery.init();
                    }
                }


            }



            //alert( $(this).data("cid"))
        });

        $('#YbjTypeTab li').click(function () {
            var houseIndex = $(this).index();
            var housePic = $('#YbjTypeDet > div');

            if ($(this).hasClass("active")) {
                $(this).removeClass('active');
                $('#tab').removeClass("tabSX");
                $('#mask').addClass("hide");
                $("html").css('overflow', 'auto');
            } else {
                $(this).addClass('active');
                $('#tab').addClass("tabSX");
                $('#mask').removeClass("hide");
                $("html").css('overflow', 'hidden');

            }

            housePic.hide();

            housePic.each(function (index) {
                $(this).hide();
                if (index == houseIndex) {
                    $(this).show();
                } else {

                }
            });

        });
    });
</script>

</body>
<div></div>
<div></div>
</html>